<template>
  <a-config-provider :locale="zhCN" :theme="{ token: { borderRadius: 4 } }">
    <router-view />
  </a-config-provider>
</template>

<script lang="ts" setup>
  import zhCN from 'ant-design-vue/es/locale/zh_CN';
  import dayjs from 'dayjs';
  import 'dayjs/locale/zh-cn';

  dayjs.locale('cn');
</script>

<style lang="less">
  @import './antd.less';
  @import './front.less';

  #app {
    height: 100vh;
  }

  // 滚动条样式
  * {
    // scrollbar-width: thin;
    // scrollbar-color: #9dbef0 rgba(3, 3, 3, 0.1);
    &::-webkit-scrollbar {
      width: 10px;
      height: 10px;
      border-radius: 4px;
    }
    &::-webkit-scrollbar-track {
      background-color: rgba(3, 3, 3, 0.1);
      border-radius: 4px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: #9dbef0;
    }
  }

  // 按钮间距
  button {
    &:not(&:nth-last-child(1)) {
      margin-right: 8px;
    }
  }

  button:focus {
    outline: none;
  }
</style>
